<template>
  <div class="main">
    <div class="bottom">
      <i class="el-icon-back"></i>
      <div class="back" @click="backToIndex()">返回首页</div>
    </div>
    <full-page :options="options" ref="fullpage">
      <div class="section">
        <div class="pages">
          <div class="bg">
            <el-image src="/static/desc03.png" style="width: 60%; height: 80%; padding-top: 7%">
            </el-image>
          </div>
          <div class="text">创新已成为国家振兴的战略，创新人才是实施强国战略的基础。但如何甄别创新人才、在大学中更好地实施创新教育培养创新人才还缺乏科学的评价体系。
            项目正是在弘扬创新、在创新中求发展以及新时代背景下， 对大学生的创新素质的构成要素与评价体系展开研究。</div>
        </div>
      </div>
      <div class="section">
        <div class="pages">
          <div class="text">
            本项目对大学生创新素质测评体系进行深入研究，创造性地提出了基于场景化的创新素质评价体系，并利用web技术构建基于“场景化”的测评系统。另外，项目还利用深度学习的方法对创新素质测评模型参数进行调整，从而提供了一种对大学生创新素质测评的新思路和新方法。通过神经网络构建创新素质测评模型，对大学生的创新素质进行测评，在获得大学生的创新素质测评结果后，形成可视化报告。
          </div>
          <div class="bg">
            <el-image src="/static/desc01.png" style="width: 60%; height: 70%; padding-top: 20%">
            </el-image>
          </div>
        </div>
      </div>
      <div class="section">
        <div class="pages">
          <div class="bg">
            <el-image src="/static/desc02.png" style="width: 60%; height: 80%; padding-top: 10%">
            </el-image>
          </div>
          <div class="text">谢谢使用，欢迎联系我们：2281250383@qq.com</div>
        </div>
      </div>
    </full-page>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: {
        licenseKey: "OPEN-SOURCE-GPLV3-LICENSE",
        sectionsColor: ["#ffffff", "#ffffff", "#ffffff", "#ffffff"],
      },
    };
  },
  methods: {
    backToIndex: function () {
      this.$router.back();
    },
  },
};
</script>

<style scoped lang="less">
.main {
  width: 100%;
  height: 100%;
  text-align: center;
}

.pages {
  display: flex;
  width: 100%;
  height: 100%;
}

.bg {
  height: 100%;
  width: 50%;
}

.text {
  width: 50%;
  box-sizing: border-box;
  margin: 5%;
  margin-top: 10%;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 2em;
  text-align: left;
  text-indent: 2em;
}

.text-last {
  width: 100%;

  .title-contact {
    font-size: 2em;
    color: #555;
    padding: 20px;
  }

  .desc {
    font-size: 1.2em;
  }
}

.bottom {
  display: flex;
  text-align: center;
}

.el-icon-back {
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 2px;
  padding-left: 10px;
}

.el-button {
  margin-bottom: 100px;
}

.back {
  font-size: 1.1em;
  font-weight: bold;
  cursor: pointer;
  padding-bottom: 20px;
}

.input-area {
  width: 60%;
  margin: 60px auto;
}
</style>
